.anime1 {
  animation  : anime1 4s ease 1s infinite both;
  white-space: nowrap;
}

.anime1b {
  animation  : anime1b 4s ease 1s infinite both;
  white-space: nowrap;
}


@keyframes anime1 {
  50% {
    background-color: #52c41a;
    width           : 40px;
    min-width       : 40px;
  }
}

@keyframes anime1b {

  0%,
  100% {
    background-color: #52c41a;
    min-width       : 40px;
    width           : 40px;
  }

  50% {
    background-color: #096dd9;
    width           : 120px;
    min-width       : 120px;
  }
}

.anime2 {
  animation: anime2 4s infinite;
}

@keyframes anime2 {

  0%,
  5%,
  10%,
  15% {
    transform: rotate(-5deg);
  }

  2.5%,
  7.5%,
  12.5% {
    transform: rotate(5deg);
  }

  17.5% {
    transform: none;
  }
}